<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>position</title>
<style>
/* 布局1-absolute */
.box1{ position: relative;}
.box1 .side-1{ position: absolute; top: 0; bottom: 0; left: 0; width: 200px;}
.box1 .side-2{ margin-left: 200px; }
</style>
</head>
<body>
<!-- 布局1-absolute -->
<div class="box1">
	<div class="side-1">11</div>
	<div class="side-2">22</div>
</div>
</body>
</html>